<!-- basic data -->
<div
  id="tool-metadata-cbr-no-edit-rar-div"
  style="margin-bottom: 20px"
  class="set-display-none"
>
  <label>
    <i class="fas fa-exclamation-triangle"></i>
    <span id="tool-metadata-cbr-no-edit-rar-text"></span>
  </label>
</div>
<div
  id="tool-metadata-cbr-no-edit-encrypted-div"
  style="margin-bottom: 20px"
  class="set-display-none"
>
  <label>
    <i class="fas fa-exclamation-triangle"></i>
    <span id="tool-metadata-cbr-no-edit-encrypted-text"></span>
  </label>
</div>

<div id="tool-metadata-section-2-content-div">
  <div class="tools-columns-right-section">
    <h3><span id="tool-metadata-section-2-text"></span></h3>
    <div class="tools-columns-right-subsection">
      <div class="tool-shared-columns-parent">
        <label class="tool-shared-columns-50-grow">
          <span id="tool-metadata-data-title-text"></span>
          <input
            id="tool-metadata-data-title-input"
            data-xml-id="Title"
            data-xml-type="xs:string"
            type="text"
            spellcheck="false"
          />
        </label>
        <label class="tool-shared-columns-25">
          <span id="tool-metadata-data-year-text"></span>
          <input
            id="tool-metadata-data-year-input"
            data-xml-id="Year"
            data-xml-type="xs:int"
            type="number"
          />
        </label>
        <label class="tool-shared-columns-25">
          <span id="tool-metadata-data-month-text"></span>
          <input
            id="tool-metadata-data-month-input"
            data-xml-id="Month"
            data-xml-type="xs:int"
            type="number"
          />
        </label>
        <label class="tool-shared-columns-25">
          <span id="tool-metadata-data-day-text"></span>
          <input
            id="tool-metadata-data-day-input"
            data-xml-id="Day"
            data-xml-type="xs:int"
            type="number"
          />
        </label>
      </div>
      <div class="tool-shared-columns-parent">
        <label class="tool-shared-columns-50-grow">
          <span id="tool-metadata-data-series-text"></span>
          <input
            id="tool-metadata-data-series-input"
            data-xml-id="Series"
            data-xml-type="xs:string"
            type="text"
            spellcheck="false"
          />
        </label>
        <label class="tool-shared-columns-25">
          <span id="tool-metadata-data-number-text"></span>
          <input
            id="tool-metadata-data-number-input"
            data-xml-id="Number"
            data-xml-type="xs:string"
            type="text"
            spellcheck="false"
          />
        </label>
        <label class="tool-shared-columns-25">
          <span id="tool-metadata-data-count-text"></span>
          <input
            id="tool-metadata-data-count-input"
            data-xml-id="Count"
            data-xml-type="xs:int"
            type="number"
          />
        </label>
        <label class="tool-shared-columns-25">
          <span id="tool-metadata-data-volume-text"></span>
          <input
            id="tool-metadata-data-volume-input"
            data-xml-id="Volume"
            data-xml-type="xs:int"
            type="number"
          />
        </label>
      </div>
      <div class="tool-shared-columns-parent">
        <label class="tool-shared-columns-50-grow">
          <span id="tool-metadata-data-alternateseries-text"></span>
          <input
            id="tool-metadata-data-alternateseries-input"
            data-xml-id="AlternateSeries"
            data-xml-type="xs:string"
            type="text"
            spellcheck="false"
          />
        </label>
        <label class="tool-shared-columns-25">
          <span id="tool-metadata-data-alternatenumber-text"></span>
          <input
            id="tool-metadata-data-alternatenumber-input"
            data-xml-id="AlternateNumber"
            data-xml-type="xs:string"
            type="text"
            spellcheck="false"
          />
        </label>
        <label class="tool-shared-columns-25">
          <span id="tool-metadata-data-alternatecount-text"></span>
          <input
            id="tool-metadata-data-alternatecount-input"
            data-xml-id="AlternateCount"
            data-xml-type="xs:int"
            type="number"
          />
        </label>
      </div>
      <div class="tool-shared-columns-parent">
        <label class="tool-shared-columns-50">
          <span id="tool-metadata-data-storyarc-text"></span>
          <input
            id="tool-metadata-data-storyarc-input"
            data-xml-id="StoryArc"
            data-xml-type="xs:string"
            type="text"
            spellcheck="false"
          />
        </label>
        <label class="tool-shared-columns-50">
          <span id="tool-metadata-data-seriesgroup-text"></span>
          <input
            id="tool-metadata-data-seriesgroup-input"
            data-xml-id="SeriesGroup"
            data-xml-type="xs:string"
            type="text"
            spellcheck="false"
          />
        </label>
        <label class="tool-shared-columns-50">
          <span id="tool-metadata-data-publisher-text"></span>
          <input
            id="tool-metadata-data-publisher-input"
            data-xml-id="Publisher"
            data-xml-type="xs:string"
            type="text"
            spellcheck="false"
          />
        </label>
        <label class="tool-shared-columns-50">
          <span id="tool-metadata-data-imprint-text"></span>
          <input
            id="tool-metadata-data-imprint-input"
            data-xml-id="Imprint"
            data-xml-type="xs:string"
            type="text"
            spellcheck="false"
          />
        </label>
      </div>
      <div class="tool-shared-columns-parent">
        <label class="tool-shared-columns-50">
          <span id="tool-metadata-data-format-text"></span>
          <input
            id="tool-metadata-data-format-input"
            data-xml-id="Format"
            data-xml-type="xs:string"
            type="text"
            spellcheck="false"
          />
        </label>
        <label class="tool-shared-columns-50">
          <span id="tool-metadata-data-blackwhite-text"></span>
          <select
            id="tool-metadata-data-blackwhite-select"
            data-xml-id="BlackAndWhite"
            data-xml-type="YesNo"
          >
            <option value="default"></option>
            <option
              value="Unknown"
              id="tool-metadata-data-blackwhite-option-unknown-text"
            ></option>
            <option
              value="No"
              id="tool-metadata-data-blackwhite-option-no-text"
            ></option>
            <option
              value="Yes"
              id="tool-metadata-data-blackwhite-option-yes-text"
            ></option>
          </select>
        </label>
        <label class="tool-shared-columns-50">
          <span id="tool-metadata-data-manga-text"></span>
          <select
            id="tool-metadata-data-manga-select"
            data-xml-id="Manga"
            data-xml-type="Manga"
          >
            <option value="default"></option>
            <option
              value="Unknown"
              id="tool-metadata-data-manga-option-unknown-text"
            ></option>
            <option
              value="No"
              id="tool-metadata-data-manga-option-no-text"
            ></option>
            <option
              value="Yes"
              id="tool-metadata-data-manga-option-yes-text"
            ></option>
            <option
              value="YesAndRightToLeft"
              id="tool-metadata-data-manga-option-yesrightleft-text"
            ></option>
          </select>
        </label>
      </div>
      <div class="tool-shared-columns-parent">
        <label class="tool-shared-columns-50">
          <span id="tool-metadata-data-genre-text"></span>
          <input
            id="tool-metadata-data-genre-input"
            data-xml-id="Genre"
            data-xml-type="xs:string"
            type="text"
            spellcheck="false"
          />
        </label>
        <label class="tool-shared-columns-50">
          <span id="tool-metadata-data-languageiso-text"></span>
          <select
            id="tool-metadata-data-languageiso-select"
            data-xml-id="LanguageISO"
            data-xml-type="xs:string"
          ></select>
        </label>
        <label class="tool-shared-columns-35">
          <span id="tool-metadata-data-agerating-text"></span>
          <select
            id="tool-metadata-data-agerating-select"
            data-xml-id="AgeRating"
            data-xml-type="AgeRating"
          >
            <option value="default"></option>
            <option value="Unknown">Unknown</option>
            <option value="Adults Only 18+">Adults Only 18+</option>
            <option value="Early Childhood">Early Childhood</option>
            <option value="Everyone">Everyone</option>
            <option value="Everyone 10+">Everyone 10+</option>
            <option value="G">G</option>
            <option value="Kids to Adults">Kids to Adults</option>
            <option value="M">M</option>
            <option value="MA15+">MA15+</option>
            <option value="Mature 17+">Mature 17+</option>
            <option value="PG">PG</option>
            <option value="R18+">R18+</option>
            <option value="Rating Pending">Rating Pending</option>
            <option value="Teen">Teen</option>
            <option value="X18+">X18+</option>
          </select>
        </label>
        <label class="tool-shared-columns-25">
          <span id="tool-metadata-data-communityrating-text"></span>
          <input
            id="tool-metadata-data-communityrating-input"
            data-xml-id="CommunityRating"
            data-xml-type="Rating"
            type="number"
            step="0.01"
            max="5.00"
            min="0.00"
          />
        </label>
      </div>
      <label>
        <span id="tool-metadata-data-summary-text"></span>
        <textarea
          id="tool-metadata-data-summary-textarea"
          data-xml-id="Summary"
          data-xml-type="xs:string"
          spellcheck="false"
        ></textarea>
      </label>
      <div class="tool-shared-columns-parent">
        <label class="tool-shared-columns-50">
          <span id="tool-metadata-data-characters-text"></span>
          <input
            id="tool-metadata-data-characters-input"
            data-xml-id="Characters"
            data-xml-type="xs:string"
            type="text"
            spellcheck="false"
          />
        </label>
        <label class="tool-shared-columns-50">
          <span id="tool-metadata-data-maincharacterorteam-text"></span>
          <input
            id="tool-metadata-data-maincharacterorteam-input"
            data-xml-id="MainCharacterOrTeam"
            data-xml-type="xs:string"
            type="text"
            spellcheck="false"
          />
        </label>
      </div>
      <div class="tool-shared-columns-parent">
        <label class="tool-shared-columns-50">
          <span id="tool-metadata-data-teams-text"></span>
          <input
            id="tool-metadata-data-teams-input"
            data-xml-id="Teams"
            data-xml-type="xs:string"
            type="text"
            spellcheck="false"
          />
        </label>
        <label class="tool-shared-columns-50">
          <span id="tool-metadata-data-locations-text"></span>
          <input
            id="tool-metadata-data-locations-input"
            data-xml-id="Locations"
            data-xml-type="xs:string"
            type="text"
            spellcheck="false"
          />
        </label>
      </div>
    </div>
  </div>
</div>
<!-- creators -->
<div id="tool-metadata-section-3-content-div" class="set-display-none">
  <div class="tools-columns-right-section">
    <h3><span id="tool-metadata-section-3-text"></span></h3>
    <div class="tools-columns-right-subsection">
      <label>
        <span id="tool-metadata-data-writer-text"></span>
        <input
          id="tool-metadata-data-writer-input"
          data-xml-id="Writer"
          data-xml-type="xs:string"
          type="text"
          spellcheck="false"
        />
      </label>
      <label>
        <span id="tool-metadata-data-penciller-text"></span>
        <input
          id="tool-metadata-data-penciller-input"
          data-xml-id="Penciller"
          data-xml-type="xs:string"
          type="text"
          spellcheck="false"
        />
      </label>
      <label>
        <span id="tool-metadata-data-inker-text"></span>
        <input
          id="tool-metadata-data-inker-input"
          data-xml-id="Inker"
          data-xml-type="xs:string"
          type="text"
          spellcheck="false"
        />
      </label>
      <label>
        <span id="tool-metadata-data-colorist-text"></span>
        <input
          id="tool-metadata-data-colorist-input"
          data-xml-id="Colorist"
          data-xml-type="xs:string"
          type="text"
          spellcheck="false"
        />
      </label>
      <label>
        <span id="tool-metadata-data-letterer-text"></span>
        <input
          id="tool-metadata-data-letterer-input"
          data-xml-id="Letterer"
          data-xml-type="xs:string"
          type="text"
          spellcheck="false"
        />
      </label>
      <label>
        <span id="tool-metadata-data-coverartist-text"></span>
        <input
          id="tool-metadata-data-coverartist-input"
          data-xml-id="CoverArtist"
          data-xml-type="xs:string"
          type="text"
          spellcheck="false"
        />
      </label>
      <label>
        <span id="tool-metadata-data-editor-text"></span>
        <input
          id="tool-metadata-data-editor-input"
          data-xml-id="Editor"
          data-xml-type="xs:string"
          type="text"
          spellcheck="false"
        />
      </label>
    </div>
  </div>
</div>
<!-- pages -->
<div id="tool-metadata-section-4-content-div" class="set-display-none">
  <div class="tools-columns-right-section">
    <h3><span id="tool-metadata-section-4-text"></span></h3>
    <div class="tools-columns-right-subsection">
      <label>
        <span id="tool-metadata-data-pagecount-text"></span>
        <input
          id="tool-metadata-data-pagecount-input"
          data-xml-id="PageCount"
          data-xml-type="xs:int"
          type="number"
        />
      </label>

      <label>
        <span id="tool-metadata-data-pages-text"></span>
        <i
          id="tool-metadata-tooltip-page-data"
          class="fas fa-question-circle tools-tooltip-button"
          title="tooltip"
        ></i>
      </label>
      <button id="tool-metadata-update-pages-button">
        <span id="tool-metadata-update-pages-button-text"></span>
      </button>
      <table id="tool-metadata-pages-data-table" class="tools-table"></table>
    </div>
  </div>
</div>
<!-- other data -->
<div id="tool-metadata-section-5-content-div" class="set-display-none">
  <div class="tools-columns-right-section">
    <h3><span id="tool-metadata-section-5-text"></span></h3>
    <div class="tools-columns-right-subsection">
      <label>
        <span id="tool-metadata-data-notes-text"></span>
        <textarea
          id="tool-metadata-data-notes-textarea"
          data-xml-id="Notes"
          data-xml-type="xs:string"
          spellcheck="false"
        ></textarea>
      </label>
      <label>
        <span id="tool-metadata-data-web-text"></span>
        <input
          id="tool-metadata-data-web-input"
          data-xml-id="Web"
          data-xml-type="xs:string"
          type="text"
          spellcheck="false"
        />
      </label>
      <label>
        <span id="tool-metadata-data-scaninformation-text"></span>
        <textarea
          id="tool-metadata-data-scaninformation-input"
          data-xml-id="ScanInformation"
          data-xml-type="xs:string"
          spellcheck="false"
        ></textarea>
      </label>
      <label>
        <span id="tool-metadata-data-review-text"></span>
        <textarea
          id="tool-metadata-data-review-textarea"
          data-xml-id="Review"
          data-xml-type="xs:string"
          spellcheck="false"
        ></textarea>
      </label>
    </div>
  </div>
</div>
